<template>
  <div id="app">
    <v-header></v-header>
    <router-view></router-view>
    <v-win></v-win>
  </div>
</template>

<script>
import header from 'components/header/header.vue';
import win from 'components/win/win';
export default {
  components: {
    'v-header': header,
    'v-win': win
  },
  data(){
    return{
    }
  },
  name: 'app',
  created(){
    let w=util.viewData().viewWidth;
    if (w > maxW) {
      w = maxW;
      $("body").css({ 'left': '50%', 'right': 'auto', 'width': w + 'px', 'marginLeft': -w / 2 + 'px' });
    }
  },
  mounted() {
    let h = util.viewData().viewHeight;
    $('#app').css({'minHeight': h});
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  #app
    min-height: 100%
</style>
